<!DOCTYPE html>
<html
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:th="http://www.thymeleaf.org"
        lang="en" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8"/>
    <!--mdui-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mdui/0.4.0/js/mdui.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/mdui/0.4.0/css/mdui.min.css" rel="stylesheet">

    <!--jquery-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.js" type="text/javascript"></script>

    <!--bootstrap-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.6/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.6/dist/js/bootstrap.min.js"></script>

    <!--简体中文-->
    <script src="/js/locales/zh.js" type="text/javascript"></script>
    <!--繁体中文-->
    <script src="/js/locales/zh-TW.js" type="text/javascript"></script>

    <link rel="stylesheet" type="text/css" href="/layui/css/layui.css" media="all"/>
    <script src="/layui/layui.js" charset="utf-8"></script>

    <script src="/js/common.js"></script>

</head>
<body class="mdui-drawer-body-left  mdui-appbar-with-toolbar   mdui-loaded mdui-theme-primary-red  mdui-theme-accent-red mdui-color-theme-50" >
<header layout:fragment="header">

</header>
<!--左侧抽屉菜单-->
<div class=" mdui-color-white" style="margin-top: 10px">
    <div layout:fragment="slider" class="mdui-drawer  mdui-shadow-3" id="left-drawer"></div>
</div>
<!--<div style="display: flex;flex-direction:column ">-->
<div class="body">
    <div class="mdui-container-fluid">
        <!--中间的卡片内容-->
        <div class="mdui-row mdui-center">
            <div class="mdui-col-xs-11 mdui-m-l-3" id="centerContent9Id">
                <div class=" " layout:fragment="contentCenter"></div>
            </div>
            <!--右侧分类栏，标签栏-->
            <!--<div class=" mdui-col-xs-2" layout:fragment="contentRight"></div>-->
            <!--<div class="mdui-col-xs-3 mdui-hidden" id="rightContent3Id">-->
                <!--<div layout:fragment="contentRight"></div>-->
            <!--</div>-->
        </div>
        <!--<div th:include="component/fooder::fooder" class="mdui-valign mdui-m-t-5 mdui-text-center"-->
        <!--style="display: flex;justify-content: center"></div>-->
    </div>
</div>
</body>
<style>
    .body{
        /*background: url("/image/login-bg.jpg") no-repeat 0 0;*/
        /*background-size: 100% 100%;*/
        /*background: rgba(0, 0, 0, 0.5);*/
    }

</style>
</html>
